---
const currentYear = new Date().getFullYear();

const footerLinks = [
  {
    title: "首页",
    links: [
      
      { text: "价格", url: "/pricing" },
      { text: "常见问题", url: "/faqs" },
    ]
  },
  {
    title: "产品",
    links: [
    { text: "演示", url: "/case-study" },
      { text: "开源版文档", url: "http://doc.openauth.net.cn/core/" },
      { text: "Vue版文档", url: "http://doc.openauth.net.cn/pro/" },
    ]
  },
  {
    title: "公司",
    links: [
      { text: "关于我们", url: "/company" },
      { text: "联系我们", url: "/contact" },
    ]
  }
];
---

<footer class="bg-gray-900 text-white pt-16 pb-8">
  <div class="container-custom">
    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8 mb-12">
      <div class="col-span-2 md:col-span-1 lg:col-span-2">
        <a href="/" class="inline-block mb-6">
          <span class="text-2xl font-bold text-white">OpenAuth.Net</span>
        </a>
        <p class="text-gray-400 mb-6 max-w-md">
          致力于做.Net领域最简洁易用的权限工作流框架。
        </p>
        <div class="flex space-x-4">
          
          <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=wq7-39ZYQdyJN6_X5Z_Y0GUx49QCXcYt&authKey=3XGR6sC%2BvriQMZpzs7QBhS8M5rKS%2BwDArUDdlXThfF1H3fBF2apl4lUo2TjQ%2BqH%2F&noverify=0&group_code=566344079" class="text-gray-400 hover:text-primary-400 transition-colors flex items-center" aria-label="QQ群" target="_blank">
            <svg class="w-6 h-6 mr-1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.484 1.748-2.072 0 0-.18 2.197 1.904 3.967 0 0-1.77.495-1.77 1.182 0 .686 4.078.43 6.29 0 2.239.425 6.287.687 6.287 0 0-.688-1.768-1.182-1.768-1.182 2.085-1.77 1.905-3.967 1.905-3.967.845 1.588 1.634 2.072 1.746 2.072.111 0 .283-.36.283-1.025 0-2.514-2.166-6.954-2.166-6.954V9.325C18.29 3.364 14.268 2 12.003 2z"></path>
            </svg>点击加入【OpenAuth.Net官方交流群】
          </a>
        </div>
      </div>
      
      {footerLinks.map(column => (
        <div>
          <h3 class="text-lg font-semibold mb-4">{column.title}</h3>
          <ul class="space-y-2">
            {column.links.map(link => (
              <li>
                <a href={link.url} class="text-gray-400 hover:text-primary-400 transition-colors">{link.text}</a>
              </li>
            ))}
          </ul>
        </div>
      ))}
    </div>
    
    <div class="border-t border-gray-800 pt-8 mt-8">
      <div class="flex flex-col md:flex-row justify-between items-center">
        <p class="text-gray-400 text-sm mb-4 md:mb-0 flex items-center flex-wrap">
          &copy; {currentYear} OpenAuth.Net <a href='https://gitee.com/dotnetchina/OpenAuth.Net/stargazers' class="inline-flex items-center mx-1">
            <img src='https://gitee.com/dotnetchina/OpenAuth.Net/badge/star.svg?theme=gvp' class="h-4 grayscale hover:grayscale-0 transition-all duration-300" alt='star'></img></a> 保留所有权利。
        </p>
        <div class="flex space-x-6">
         
          <a href="https://beian.miit.gov.cn/" class="text-gray-400 hover:text-primary-400 text-sm transition-colors">渝ICP备16009992号-1</a>
          <a href="#" class="text-gray-400 hover:text-primary-400 text-sm transition-colors">Cookie政策</a>
          
        </div>
      </div>
    </div>
  </div>
</footer>
